<%- include('../../subs/header.html', {
css: []
}) %>

<div id="editcompany__information" class="container">

    <div class="information__catalog col-xs-3">
        <ul>
            <li><a href="./personal-information.html" >Personal Information</a></li>
            <li><a href="" class="a__active">Company Information</a></li>
            <li><a href="./message.html">Message</a></li>
            <li><a href="./change-password.html">Change Password</a></li>
        </ul>
    </div>
    <div class="information__content col-xs-9">
        <form id="companyInput" action="1.php" method="post">
            <div class="input_text">
                <div class="input_item company_name">
                    <p>Company Name <span>*</span></p>
                    <div class="item_input">
                        <input type="text" class="js__name" name="companyName">
                    </div>
                    <p class="item_wrong">Please input the correct email address</p>
                </div>
                <div class="input_item">
                    <p>Company Description</p>
                    <div class="textarea">
                        <textarea name="companyDescription" rows="3"></textarea>
                    </div>
                </div>
                <div class="input_item address_input">
                    <p>Address <span>*</span> </p>
                    <div class="item_input">
                        <input type="text" class="js__address" name="address">
                    </div>
                    <p class="item_wrong ">Please input the correct email address</p>
                </div>
                <div class="input_item active">
                    <div class="item city_input">
                        <p>City <span>*</span> </p>
                        <div class="item_input">
                            <input type="text" class="js__city" name="city">
                        </div>
                        <p class="item_wrong ">Please input the correct email address</p>
                    </div>
                    <div class="item state_input">
                        <p>State <span>*</span> </p>
                        <div class="item_input">
                            <input type="text" class="js__state" name="state">
                        </div>
                        <p class="item_wrong ">Please input the correct email address</p>
                    </div>
                    <div class="item zipcode_input">
                        <p>Zipcode <span>*</span> </p>
                        <div class="item_input">
                            <input type="text" class="js_zipcode" name="zipcode">
                        </div>
                        <p class="item_wrong ">Please input the correct email address</p>
                    </div>
                </div>
                <div class="input_item">
                    <p class="item_checkbox">Publicity Image</p>
                    <div id="uploader_img" class="uploader_img">
                        <div id="thelist_img" class="uploader-list"></div>

                        <div class="upload_file" id="picker_img">
                            <div class="file_icon">
                                <i class="iconfont icon-xingzhuang"></i>
                            </div>
                            <p class="file_pColortop">Click or drag the Image here to upload</p>
                            <p class="file_pColorbottom">Support for extensions：.gif .jpg .jpeg .bmp .png...</p>
                        </div>
                        <!--上传后的样式-->
                        <div class="file_item">
                            <img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1525859149&di=f38ec4017948cf9bb4032dab06794b85&src=http://img.zcool.cn/community/01528a58e2342aa801219c77dd43a3.jpg" alt="">
                            <a class="webuploadDelbtn_img remove_item">X</a>
                        </div>
                        </d>
                    </div>


                </div>

                <div class="input_item">
                    <p>Website</p>
                    <div class="item_input">
                        <input type="text" name="website">
                    </div>
                </div>
                <div class="input_item">
                    <p>Company Facebook</p>
                    <div class="item_input">
                        <input type="text" name="companyFacebook">
                    </div>
                </div>
                <div class="input_item">
                    <p>Company Instagram</p>
                    <div class="item_input">
                        <input type="text" name="companyInstagram">
                    </div>
                </div>
                <div class="input_item">
                    <p>Annual Sales</p>
                    <div class="item_input">
                        <input type="text" name="annualSales">
                    </div>
                </div>
                <div class="input_item">
                    <p class="item_checkbox">Company Document Upload</p>
                    <div id="uploader">
                        <div id="thelist" class="uploader-list"></div>

                        <div class="upload_file" id="picker">
                            <div class="file_icon">
                                <i class="iconfont icon-xingzhuang"></i>
                            </div>
                            <p class="file_pColortop">Click or drag the file here to upload</p>
                            <p class="file_pColorbottom">Support for extensions：.rar .zip .doc .docx .pdf .jpg...</p>
                        </div>
                        <!--上传后的样式-->
                        <!--<div class="file_item">
                            <h4 class="info">康娜2.jpg</h4>

                            &lt;!&ndash;<p class="state">上传出错</p>&ndash;&gt;
                            <a class="webuploadDelbtn remove_item">删除</a>
                            <br>
                            <div class="progress active">
                                <div class="progress-bar" role="progressbar" style="width: 100%;"></div>
                            </div>
                        </div>
                        <div class="file_item">
                            <h4 class="info">康娜2.jpg</h4>

                            &lt;!&ndash;<p class="state">上传出错</p>&ndash;&gt;
                            <a class="webuploadDelbtn remove_item">删除</a>
                            <br>
                            <div class="progress active">
                                <div class="progress-bar" role="progressbar" style="width: 100%;"></div>
                            </div>
                        </div>
                        <div class="file_item">
                            <h4 class="info">康娜2.jpg</h4>

                            &lt;!&ndash;<p class="state">上传出错</p>&ndash;&gt;
                            <a class="webuploadDelbtn remove_item">删除</a>
                            <br>
                            <div class="progress active">
                                <div class="progress-bar" role="progressbar" style="width: 100%;"></div>
                            </div>
                        </div>-->
                    </div>


                </div>

                <div class="input_item">
                    <p class="item_checkbox">Categories <span>*</span></p>
                    <ul class="row js__checkbox">
                        <li class=" col-xs-2">
                            <label for="Food">
                                <input id="Food" type="checkbox" name="checkbox1" value=""/>
                                Food
                            </label>
                        </li>
                        <li class=" col-xs-2">
                            <label for="Beverage">
                                <input id="Beverage" type="checkbox" name="checkbox1" value="" />
                                Beverage
                            </label>

                        </li>
                        <li class=" col-xs-2">
                            <label for="Spirit">
                                <input id="Spirit" type="checkbox" name="checkbox1" value="" />
                                <span>Spirit & Beer</span>
                            </label>

                        </li>
                        <li class=" col-xs-2">
                            <label for="Cosmetics">
                                <input id="Cosmetics" type="checkbox" name="checkbox1" value="" />
                                Cosmetics
                            </label>

                        </li>
                        <li class=" col-xs-2">
                            <label for="Beauty">
                                <input id="Beauty" type="checkbox" name="checkbox1" value="" />
                                Beauty & Appeal
                            </label>
                        </li>
                        <li class=" col-xs-2">
                            <label for="PetProducts">
                                <input id="PetProducts" type="checkbox" name="checkbox1" value="" />
                                Pet Products
                            </label>
                        </li>
                        <li class=" col-xs-2">
                            <label for="Maternal">
                                <input id="Maternal" type="checkbox" name="checkbox1" value="" />
                                Maternal & infant Products
                            </label>
                        </li>
                        <li class=" col-xs-2">
                            <label for="Nutrition">
                                <input id="Nutrition" type="checkbox" name="checkbox1" value="" />
                                Nutrition Products
                            </label>
                        </li>
                        <li class="input-row col-xs-4">
                            <label for="Other">
                                <input id="Other" type="checkbox" name="checkbox1" value="" />
                                Other
                            </label>
                            <input type="text" class="other_text " name="otherText">
                        </li>
                    </ul>
                </div>
                <div class="input_item">
                    <p class="item_checkbox">Raise Capital</p>
                    <ul class="row js__checkbox">
                        <li class="mui-input-row col-xs-2">
                            <label for="YES1">
                                <input id="YES1" type="radio" name="radio" value=""/>
                                YES
                            </label>
                        </li>
                        <li class="mui-input-row col-xs-2">
                            <label for="NO2">
                                <input id="NO2" type="radio" name="radio" value="" />
                                NO
                            </label>
                        </li>
                    </ul>
                </div>
                <div class="input_item checkbox_yes ">
                    <p>Who invested in your company</p>
                    <div class="textarea">
                        <textarea name="yesCompany" rows="3"></textarea>
                    </div>
                </div>
                <div class="input_item">
                    <p></p>
                    <div class="item_input">
                        <select style="width: 100%;background: #DCDCDC;border: none;outline: none;border-radius: 2px;">
                            <option value="volvo">Volvo</option>
                            <option value="saab">Saab</option>
                            <option value="opel">Opel</option>
                            <option value="audi">Audi</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="btn_edit">
                <button type="submit">
                    <span>Save</span>
                </button>
            </div>
        </form>
    </div>

</div>

<%- include('../../subs/footer.html', {
js: ['user/edit-company']
}) %>